<template>
	<view class="box">
		<u-tabbar
			:value="indexValue"
			activeColor="#35C2BC"
		>
			<u-tabbar-item text="首页" icon="home" @click="goIndex" ></u-tabbar-item>
			<u-tabbar-item text="订单" icon="photo" @click="goOrder" ></u-tabbar-item>
			<u-tabbar-item text="我的" icon="play-right" @click="goMy" ></u-tabbar-item>
		</u-tabbar>
	</view>
</template>

<script>
	export default {
		name:"z-tabbar",
		props:{
			indexValue:{
				type:Number,
			}
		},
		data() {
			return {
			};
		},
		methods:{
			goIndex() {
				uni.redirectTo({
					url:'/pages/index/index'
				})
			},
			goOrder() {
				uni.redirectTo({
					url:'/pages/order/order'
				})
			},
			goMy() {
				uni.redirectTo({
					url:'/pages/my/my'
				})
			}
		}
	}
</script>

<style lang="scss">

</style>